<script setup>
// 引入provide 提供函数
// 引入readonly 只读函数 用于让提供方的数据 不能被注入方修改
// 只能提供给子组件使用
import { ref, provide, readonly} from 'vue'
import Son from '@/components/9依赖注入/1.子组件.vue'

const message = ref('hello')
// 通过provide来提供响应式的值，key就是注入名 将来通过名称来找到对应的值
// provide('message', message)
provide('message', readonly(message))


</script>

<template>
  <input v-model="message">
  <Son />
</template>


<style scoped>

</style>
